<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>企业新闻</title>
    <link rel="stylesheet" href="font/iconfont.css">
    <link rel="stylesheet" href="lib/swiper/css/swiper.min.css">
    <link rel="stylesheet" href="css/global.css">
    <link rel="stylesheet" href="css/news.css">
</head>
<body>
     <!--顶部-->
     <div class="top_box">
        <div class="container">
               <div class="clearfix top_in">
                   <p class="left dec">SSM比赛报名系统</p>
                   <div class="right contact">
                        
                       <div class="other_contact contact_item">
                           <a href="javascript:;">
                               <i class="iconfont icon-qq1"></i>
                           </a>
                           <a href="javascript:;">
                               <i class="iconfont icon-weibo"></i>
                           </a>
                           <a href="javascript:;">
                               <i class="iconfont icon-weixin"></i>
                           </a>
                       </div>
                       <!-- <div class="search contact_item">
                           <a href="javascript:;"><i class="iconfont icon-11"></i></a>
                       </div> -->
                         <div class="search contact_item">
                           <a href="javascript:;">登录</a>
                       </div> 
                       <div class="search contact_item">
                        <a href="javascript:;">注册</a>
                    </div> 
                   </div>
               </div>
        </div>
    </div>
    <!--导航-->
    <div class="top_nav_box">
        <div class="container">

            <div class="clearfix">
                <div class="logo left">
                    <a href="javascript:;">
                        <img src="images/logo.png" alt="">
                    </a>
                </div>
                <ul class="nav_list left clearfix">
                    <li class="item">
                        <a href="首页.html" class="nav_name" style="font-size: 20px;">首页</a>
                    </li>
                    <li class="item">
                        <a href="matchs.html" class="nav_name" style="font-size: 20px;">竞赛</a>
                    </li>
                    <li class="item">
                        <a href="course.html" class="nav_name" style="font-size: 20px;">课程</a>
                    </li>
                    <li class="item">
                        <a href="news.html" class="nav_name" style="font-size: 20px;">资讯</a>
                    </li>
                    <li class="item active">
                        <a href="essay.html" class="nav_name" style="font-size: 20px;">文章</a>
                        <!-- <ul class="down_list">
                            <li class="down_list_item">
                                <a href="javascript:;">产品套餐</a>
                            </li>
                            <li class="down_list_item">
                                <a href="javascript:;">服务列表</a>
                            </li>
                        </ul> -->
                    </li>
                    <li class="item">
                        <a href="javascript:;" class="nav_name" style="font-size: 20px;">我要发布</a>
                         <ul class="down_list">
                            <li class="down_list_item">
                                <a href="javascript:;" style="font-size: 16px;">发布比赛</a>
                            </li>
                            <li class="down_list_item">
                                <a href="javascript:;" style="font-size: 16px;">发布文章</a>
                            </li>
        
                        </ul>
                    </li>
                    
                    
                   
                    <!-- <li class="item">
                        <a href="javascript:;" class="nav_name">H5平台系统</a>
                    </li>
                    <li class="item">
                        <a href="javascript:;" class="nav_name">云服务器</a>
                    </li>
                    <li class="item">
                        <a href="javascript:;" class="nav_name">联系我们</a>
                    </li> -->
                </ul>
                <ul>
                    <li class="item active" style="text-align: right;padding-right: 70px;padding-top: 32px;">
                        <input style="padding-bottom: 10px;line-height: 18px;font-size: 14px; width: 155px;height: 18px; border: 1.5px solid gray;border-radius: 12px 0px 0px 12px;border-right: none;padding-top: 10px;" 
                        type="text" placeholder="搜索文章">
                        <input style="margin: 0px 0px 0px -3px;padding-bottom: 10px;line-height: 26px;font-size: 14px; width: 60px;height: 42px; border: 1px solid;border-radius: 2px 12px 12px 2px;padding-top: 8px;color:white;background-color:black;"
                         type="button" value="搜索" placeholder="搜索文章">
                    </li>
                </ul>
            </div>
        </div>
        </div>
        <div class="screen_small">
            <a href="javascript:;" class="small_logo">
                <img src="images/logo.png" alt="">
            </a>
            <span class="screen_small_menu"><i class="iconfont icon-caidan"></i></span>
            <ul class="screen_small_list">
                <li>
                    <a href="#">首页</a>
                </li>
                <li>
                    <a href="#">企业介绍</a>
                </li>
                <li>
                    <a href="#">产品介绍</a>
                </li>
                <li>
                    <a href="#">风格演示</a>
                </li>
                <li class="">
                    <a href="javascript:;">产品套餐</a>
                </li>
                <li class="">
                    <a href="javascript:;">服务列表</a>
                </li>
                <li>
                    <a href="#">游戏列表</a>
                </li>
                <li>
                    <a href="#">H5平台系统</a>
                </li>
                <li>
                    <a href="#">云服务器</a>
                </li>
                <li>
                    <a href="#">联系我们</a>
                </li>

            </ul>
        </div>
    </div>
    <!--企业简介-->
    <div class="about_banner">
        <img src="images/about_banner.png" alt="">
    </div>
    <div class="container">
        <div class="about_title">
            <h2>文章</h2>
        </div>
        <div class="about_top">
            <div class="about_nav">
                <a href="javascript:;" class="active">热门文章</a>
                <a href="javascript:;">我要写文</a>
            </div>
        </div>
    </div>
    <!--新闻中心-->
    <div class="news_box">
        <ul class="news_list">
            <li class="news_item">
                <a href="essayDeatils.html">
                    <div class="container clearfix">
                        <div class="left news_info">
                            <h2 class="news_name">王者荣耀：我的荣耀才没有这么坑！</h2>
                            <p class="news_text">茶余饭后，工作之余，消磨碎片时间最好的娱乐方式是什么？当然是愉快的找小伙伴一起开黑啦，可是，本来今天开开心心的，却总是能被猪队友坑到超鬼.....下面小编细数下游戏中，最不受欢迎的几类玩家，你中枪了么？</p>
                            <p class="news_time">
                                <span> <i class="iconfont icon-shijian"></i>essTime</span>
                            </p>
                        </div>
                        <div class="right news_pic">
                            <img src="images/new_pic.png" alt="">
                        </div>
                    </div>
                </a>
            </li>
            <li class="news_item">
                <a href="#">
                    <div class="container clearfix">
                        <div class="left news_info">
                            <h2 class="news_name">王者荣耀：我的荣耀才没有这么坑！</h2>
                            <p class="news_text">茶余饭后，工作之余，消磨碎片时间最好的娱乐方式是什么？当然是愉快的找小伙伴一起开黑啦，可是，本来今天开开心心的，却总是能被猪队友坑到超鬼.....下面小编细数下游戏中，最不受欢迎的几类玩家，你中枪了么？</p>
                            <p class="news_time">
                                <span> <i class="iconfont icon-shijian"></i>2017-08-17 22:20</span>
                            </p>
                        </div>
                        <div class="right news_pic">
                            <img src="images/new_pic.png" alt="">
                        </div>
                    </div>
                </a>
            </li>
            <li class="news_item">
                <a href="#">
                    <div class="container clearfix">
                        <div class="left news_info">
                            <h2 class="news_name">王者荣耀：我的荣耀才没有这么坑！</h2>
                            <p class="news_text">茶余饭后，工作之余，消磨碎片时间最好的娱乐方式是什么？当然是愉快的找小伙伴一起开黑啦，可是，本来今天开开心心的，却总是能被猪队友坑到超鬼.....下面小编细数下游戏中，最不受欢迎的几类玩家，你中枪了么？</p>
                            <p class="news_time">
                                <span> <i class="iconfont icon-shijian"></i>2017-08-17 22:20</span>
                            </p>
                        </div>
                        <div class="right news_pic">
                            <img src="images/new_pic.png" alt="">
                        </div>
                    </div>
                </a>
            </li>
            <li class="news_item">
                <a href="#">
                    <div class="container clearfix">
                        <div class="left news_info">
                            <h2 class="news_name">王者荣耀：我的荣耀才没有这么坑！</h2>
                            <p class="news_text">茶余饭后，工作之余，消磨碎片时间最好的娱乐方式是什么？当然是愉快的找小伙伴一起开黑啦，可是，本来今天开开心心的，却总是能被猪队友坑到超鬼.....下面小编细数下游戏中，最不受欢迎的几类玩家，你中枪了么？</p>
                            <p class="news_time">
                                <span> <i class="iconfont icon-shijian"></i>2017-08-17 22:20</span>
                            </p>
                        </div>
                        <div class="right news_pic">
                            <img src="images/new_pic.png" alt="">
                        </div>
                    </div>
                </a>
            </li>
            <li class="news_item">
                <a href="#">
                    <div class="container clearfix">
                        <div class="left news_info">
                            <h2 class="news_name">王者荣耀：我的荣耀才没有这么坑！</h2>
                            <p class="news_text">茶余饭后，工作之余，消磨碎片时间最好的娱乐方式是什么？当然是愉快的找小伙伴一起开黑啦，可是，本来今天开开心心的，却总是能被猪队友坑到超鬼.....下面小编细数下游戏中，最不受欢迎的几类玩家，你中枪了么？</p>
                            <p class="news_time">
                                <span> <i class="iconfont icon-shijian"></i>2017-08-17 22:20</span>
                            </p>
                        </div>
                        <div class="right news_pic">
                            <img src="images/new_pic.png" alt="">
                        </div>
                    </div>
                </a>
            </li>
            <li class="news_item">
                <a href="#">
                    <div class="container clearfix">
                        <div class="left news_info">
                            <h2 class="news_name">王者荣耀：我的荣耀才没有这么坑！</h2>
                            <p class="news_text">茶余饭后，工作之余，消磨碎片时间最好的娱乐方式是什么？当然是愉快的找小伙伴一起开黑啦，可是，本来今天开开心心的，却总是能被猪队友坑到超鬼.....下面小编细数下游戏中，最不受欢迎的几类玩家，你中枪了么？</p>
                            <p class="news_time">
                                <span> <i class="iconfont icon-shijian"></i>2017-08-17 22:20</span>
                            </p>
                        </div>
                        <div class="right news_pic">
                            <img src="images/new_pic.png" alt="">
                        </div>
                    </div>
                </a>
            </li>
            <li class="news_item">
                <a href="#">
                    <div class="container clearfix">
                        <div class="left news_info">
                            <h2 class="news_name">王者荣耀：我的荣耀才没有这么坑！</h2>
                            <p class="news_text">茶余饭后，工作之余，消磨碎片时间最好的娱乐方式是什么？当然是愉快的找小伙伴一起开黑啦，可是，本来今天开开心心的，却总是能被猪队友坑到超鬼.....下面小编细数下游戏中，最不受欢迎的几类玩家，你中枪了么？</p>
                            <p class="news_time">
                                <span> <i class="iconfont icon-shijian"></i>2017-08-17 22:20</span>
                            </p>
                        </div>
                        <div class="right news_pic">
                            <img src="images/new_pic.png" alt="">
                        </div>
                    </div>
                </a>
            </li>
        </ul>
        <div class="page_box">
            <a href="#" class="prev">←</a>
            <a href="#" class="active">1</a>
            <a href="#">2</a>
            <a href="#" class="next">→</a>
        </div>
    </div>
    <!--footer-->
    <div class="footer">
        <div class="container">
            <div class="footer_top clearfix">
                <dl class="footer_code left">
                    <dt>
                        <img src="images/code.png" alt="">
                    </dt>
                    <dd>
                        <a href="#"><i class="iconfont icon-xiaoxi"></i>在线咨询</a>
                    </dd>
                </dl>
                <dl class="other_line left">
                    <dt>商户中心</dt>
                    <dd>
                        <a href="#">购买申请</a>
                    </dd>
                    <dd>
                        <a href="#">产品验证</a>
                    </dd>
                    <dd>
                        <a href="#">合作流程</a>
                    </dd>
                </dl>
                <dl class="other_line left">
                    <dt>服务内容</dt>
                    <dd>
                        <a href="#">游戏代理</a>
                    </dd>
                    <dd>
                        <a href="#">游戏盒子</a>
                    </dd>
                    <dd>
                        <a href="#">H5平台系统</a>
                    </dd>
                </dl>
                <dl class="other_line left">
                    <dt>关于215</dt>
                    <dd>
                        <a href="#">企业介绍</a>
                    </dd>
                    <dd>
                        <a href="#">公司证件</a>
                    </dd>
                    <dd>
                        <a href="#">招聘信息</a>
                    </dd>
                </dl>
                <dl class="left footer_contact other_line">
                    <dt>联系方式</dt>
                    <dd>
                        <span class="contact_icon"><i class="iconfont icon-dingwei"></i></span>
                        XXX
                    </dd>
                    <dd>
                        <span class="contact_icon"><i class="iconfont icon-dianhua1"></i></span>
                        XXX
                    </dd>
                    <dd>
                        <span class="contact_icon"><i class="iconfont icon-youxiang"></i></span>
                        XXX
                    </dd>
                </dl>
            </div>
            <div class="footer_line">
                    <span>友情链接：</span>
                    <a href="#">百度一下</a> |<a href="#">优酷视频</a> |<a href="#">腾讯视频</a>
            </div>
            <div class="footer_ban">
                <div class="left footer_ban_l">
                    <a href="#">版权所有 © XXX   沪ICP备XXX号-19  </a>
                </div>
                <div class="right footer_ban_r">
                    <img src="images/footer_logo.png" alt=""> |
                    <img src="images/footer_jw.png" alt="">
                </div>
            </div>
        </div>
    </div>
    <!--浮层-->
    <div class="float_box">
        <div class="float_up">
            <p>TOP</p>
            <span><i class="iconfont icon-jiantou-up"></i></span>
        </div>
        <ul class="float_list">
            <li>
                <span><i class="iconfont icon-qq"></i></span>
                <div class="show_box">
                    <a href="javascript:;">立即咨询</a>
                </div>
            </li>
            <li>
                <span><i class="iconfont icon-dianhua"></i></span>
                <div class="show_box">
                    <p>XXX</p>
                </div>
            </li>
            <li>
                <span><i class="iconfont icon-weixin1"></i></span>
                <div class="show_box">
                    <img src="images/code2.png" alt="" class="code">
                    <p>扫一扫，关注哦~</p>
                </div>
            </li>
        </ul>
        <div class="float_down">
            <span><i class="iconfont icon-jiantou-down"></i></span>
        </div>
    </div>
</body>
</html>
<script src="js/jquery.js"></script>
<script src="lib/swiper/js/swiper.min.js"></script>
<script src="js/common.js"></script>
<script>




</script>